.v-wrap {
	width: 999px;
	padding: 0 30px;
	margin: 0 auto;
}
@media only screen and (min-width: 992px) {
	.v-wrap {
		width: 999px;
		
	}
}
@media only screen and (min-width: 1200px) {
	.v-wrap {
		width: 999px;
	}
}
@media only screen and (min-width: 1400px) {
	.v-wrap {
		width: 1258px;
	}
}
@media only screen and (min-width: 1600px) {
	.v-wrap {
		width: 1458px;
	}
}
@media only screen and (min-width: 1800px) {
	.v-wrap {
		width: 1658px;
	}
}

ul {
	margin: 0;
	padding: 0;
	li {
		list-style: none;
	}
}

// 一行省略
.one-line {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.two-line {
	-webkit-line-clamp: 2; // 用来限制在一个块元素显示的文本的行数
	display: -webkit-box; // 将对象作为弹性伸缩盒模型显示
	-webkit-box-orient: vertical; //设置或检查伸缩盒对象的子元素的排列方式
	text-overflow: ellipsis; // 在多行文本的情况下，用...隐藏超出范围的文本
	word-break: break-all;
	overflow: hidden;
}
.three-line {
	-webkit-line-clamp: 3; // 用来限制在一个块元素显示的文本的行数
	display: -webkit-box; // 将对象作为弹性伸缩盒模型显示
	-webkit-box-orient: vertical; //设置或检查伸缩盒对象的子元素的排列方式
	text-overflow: ellipsis; // 在多行文本的情况下，用...隐藏超出范围的文本
	word-break: break-all;
	overflow: hidden;
}
